<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>项目</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/projects.css">
        <script src="js/common/loading.js"></script>
    </head>
    <body>
        <div id="loadingDiv"></div>
        <div class="beginning none tp">
            <div class="box flex flex-justify-content">
                <img src="img/common/beginningLogo.png" alt="初始动画logo">
                <i></i>
            </div>
        </div>
        <div class="beginning none btm"></div>
        <div class="leaving rht"></div>
        <div class="leaving btm"></div>
        <div class="container horizontal">
            <header class="gap flex">
                <nav class="flex flex-align-items">
                    <a class="flex" href="index.html">
                        <img src="img/common/headLogo.png" class='base' alt="导航栏logo">
                        <img src="img/common/headLogoWhite.png" alt="导航栏logo">
                    </a>
                    <div class="menu">
                        <ul class="flex flex-align-items">
                            <li><a href="projects.html">项目</a></li>
                            <li><a scroll-start="0px" href="news.html">新闻</a></li>
                            <li><a href="about.html">关于我们</a></li>
                            <li>
                                <a href="contact.html">
                                    <span class="round"><img src="img/common/mail.png" alt="邮箱图标"></span>
                                    <span class="txt">
                                        <img src="img/common/contactArrow.png" class='base' alt="联系我们箭头">
                                        <img src="img/common/contactArrowWhite.png" alt="联系我们箭头">
                                        联系我们
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    
                    <p class="flex flex-align-items flex-justify-content btn cursor">
                        <span></span>
                        <span></span>
                        <span></span>
                    </p>
                </nav>
            </header>
            <main>
                <div class="sideColor"></div>
                <div class="projects">
                    <div class="cutPics">
                        <div class="palace">
                            <div class="clip flex">
                                <div class="box">
                                    <div class="mid">
                                        <img src="img/index/item1.jpg" class="obj-c" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="clip flex">
                                <div class="box">
                                    <div class="mid">
                                        <img src="img/index/item2.jpg" class="obj-c" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="clip flex">
                                <div class="box">
                                    <div class="mid">
                                        <img src="img/index/item3.jpg" class="obj-c" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="clip flex">
                                <div class="box">
                                    <div class="mid">
                                        <img src="img/index/item1.jpg" class="obj-c" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="clip flex">
                                <div class="box">
                                    <div class="mid">
                                        <img src="img/index/item2.jpg" class="obj-c" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="clip flex">
                                <div class="box">
                                    <div class="mid">
                                        <img src="img/index/item3.jpg" class="obj-c" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="clip flex">
                                <div class="box">
                                    <div class="mid">
                                        <img src="img/index/item3.jpg" class="obj-c" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="shadow"></p>
                    </div>
                    <div class="content flex flex-align-items gap">
                        <i></i>
                        <span class="round"></span>
                        <div class="txt">
                            <p class="txt-slide">
                                根据新能源标准建造的全新房屋。
                            </p>
                            <p class="txt-slide">
                                根据新能源标准建造的全新房屋。根据新能源标准建造的全新房屋。
                            </p>
                            <p class="txt-slide">
                                根据新能源标准建造的全新房屋。根据新能的全新房屋。根据新能源标准建造的全新房屋。根据新能源标准建造的全新房屋。
                            </p>
                            <p class="txt-slide">
                                根据新能源标准建造的全新房屋。根据新能源标准建造的全新房屋。屋。根据新能源标准建
                            </p>
                            <p class="txt-slide">
                                根据新能源标准建造的全新房屋。根据新能源标准
                            </p>
                            <p class="txt-slide">
                                根据新能源标准建造的全新房屋。根据新能源标准能源标准
                            </p>
                            <p class="txt-slide">
                                根据新能源标准建造的全新房屋。根据新能的全新房屋。根据新能源标准建造的全新房屋。根据新能源标
                            </p>
                        </div>
                        <div class="chooseMenu flex flex-justify-content">
                            <div class="box">
                                <a href="projectInfo.html">
                                    <span>1</span>
                                    <p>新能源</p>
                                </a>
                                <a href="projectInfo.html">
                                    <span>2</span>
                                    <p>艾比民宿</p>
                                </a>
                                <a href="projectInfo.html">
                                    <span>3</span>
                                    <p>穿石酒店</p>
                                </a>
                                <a href="projectInfo.html">
                                    <span>4</span>
                                    <p>春回大地养老院</p>
                                </a>
                                <a href="projectInfo.html">
                                    <span>5</span>
                                    <p>单身公寓</p>
                                </a>
                                <a href="projectInfo.html">
                                    <span>6</span>
                                    <p>爱情公寓</p>
                                </a>
                                <a href="projectInfo.html">
                                    <span>7</span>
                                    <p>不知名公寓</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="proList gap">
                    <a href="projectInfo.html" class="item">
                        <div class="pic">
                            <img class="obj-c" src="img/index/item1.jpg" class="" alt="">
                        </div>
                        <div class="proName flex">
                            <span>1</span>
                            <p>新能源</p>
                        </div>
                    </a>
                    <a href="projectInfo.html" class="item">
                        <div class="pic">
                            <img class="obj-c" src="img/index/item2.jpg" class="" alt="">
                        </div>
                        <div class="proName flex">
                            <span>2</span>
                            <p>艾比民宿</p>
                        </div>
                    </a>
                    <a href="projectInfo.html" class="item">
                        <div class="pic">
                            <img class="obj-c" src="img/index/item3.jpg" class="" alt="">
                        </div>
                        <div class="proName flex">
                            <span>3</span>
                            <p>穿石酒店</p>
                        </div>
                    </a>
                    <a href="projectInfo.html" class="item">
                        <div class="pic">
                            <img class="obj-c" src="img/index/item1.jpg" class="" alt="">
                        </div>
                        <div class="proName flex">
                            <span>4</span>
                            <p>春回大地养老院</p>
                        </div>
                    </a>
                    <a href="projectInfo.html" class="item">
                        <div class="pic">
                            <img class="obj-c" src="img/index/item2.jpg" class="" alt="">
                        </div>
                        <div class="proName flex">
                            <span>5</span>
                            <p>单身公寓</p>
                        </div>
                    </a>
                    <a href="projectInfo.html" class="item">
                        <div class="pic">
                            <img class="obj-c" src="img/index/item3.jpg" class="" alt="">
                        </div>
                        <div class="proName flex">
                            <span>6</span>
                            <p>爱情公寓</p>
                        </div>
                    </a>
                    <a href="projectInfo.html" class="item">
                        <div class="pic">
                            <img class="obj-c" src="img/index/item1.jpg" class="" alt="">
                        </div>
                        <div class="proName flex">
                            <span>7</span>
                            <p>不知名公寓</p>
                        </div>
                    </a>
                </div>
            </main>
            <footer>
                <p class="flex gap flex-justify-content flex-align-items">
                    <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/projects.js"></script>
    </body>
</html>